<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>家长端 - 学生成绩查询</title>
  <link rel="stylesheet" href="../css/style.css">
  <style>
    .semester-selector {
      margin-bottom: 20px;
    }
    .grade-table {
      width: 100%;
      border-collapse: collapse;
    }
    .grade-table th, .grade-table td {
      padding: 10px;
      border: 1px solid #ddd;
      text-align: center;
    }
    .grade-table th {
      background-color: #f5f5f5;
    }
    .average-grade {
      margin-top: 20px;
      text-align: right;
      font-weight: bold;
    }
  </style>
</head>
<body>
<div class="nav">
  <a href="view_letter.html">查看信件</a>
  <a href="chat.html">对话沟通</a>
  <a href="more_features.html">更多功能</a>
  <a href="../index.html">退出登录</a>
</div>

<div class="container">
  <h3>学生成绩查询</h3>

  <div class="card">
    <div class="semester-selector">
      <label for="semester">选择学期：</label>
      <select id="semester">
        <option value="2024-2025-1">2024-2025学年第一学期</option>
        <option value="2024-2025-2" selected>2024-2025学年第二学期</option>
      </select>
    </div>

    <table class="grade-table">
      <thead>
      <tr>
        <th>科目</th>
        <th>期中成绩</th>
        <th>期末成绩</th>
        <th>总评成绩</th>
        <th>班级排名</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>语文</td>
        <td>88</td>
        <td>92</td>
        <td>90</td>
        <td>12</td>
      </tr>
      <tr>
        <td>数学</td>
        <td>95</td>
        <td>98</td>
        <td>97</td>
        <td>5</td>
      </tr>
      <tr>
        <td>英语</td>
        <td>85</td>
        <td>87</td>
        <td>86</td>
        <td>18</td>
      </tr>
      <tr>
        <td>物理</td>
        <td>90</td>
        <td>91</td>
        <td>90.5</td>
        <td>10</td>
      </tr>
      <tr>
        <td>化学</td>
        <td>87</td>
        <td>93</td>
        <td>90</td>
        <td>15</td>
      </tr>
      </tbody>
    </table>

    <div class="average-grade">
      平均成绩：90.7
    </div>
  </div>
</div>
</body>
</html>
